<template>
  <div>
    <CloudTimeLine pending="Recording..." :reverse="reverse">
      <CloudTimeLineItem>Create a services site 2015-09-01</CloudTimeLineItem>
      <CloudTimeLineItem>Solve initial network problems 2015-09-01</CloudTimeLineItem>
      <CloudTimeLineItem>Technical testing 2015-09-01</CloudTimeLineItem>
    </CloudTimeLine>
    <CloudButton type="primary" style="margin-top: 16px" @click="handleClick">
      Toggle Reverse
    </CloudButton>
  </div>
</template>
<script>
export default {
  title: '2.最后一个及排序',
  data() {
    return {
      reverse: false,
    };
  },
  methods: {
    handleClick() {
      this.reverse = !this.reverse;
    },
  },
};
</script>